/**
 * 滚动条整体部分
 * 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
 * 滚动条的轨道（里面装有Thumb）
 * 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
 * 内层轨道，滚动条中间部分（除去）
 * 边角，即两个滚动条的交汇处
 * 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
 */
::-webkit-scrollbar { border-radius: 0; background-color: rgba(10, 175, 255, .1); }
::scrollbar { border-radius: 0; background-color: rgba(10, 175, 255, .1); }

::-webkit-scrollbar-thumb { border-radius: 2em; background-color: rgba(10, 175, 255, .1); }
::scrollbar-thumb { border-radius: 2em; background-color: rgba(10, 175, 255, .1); }

::-webkit-scrollbar-thumb:hover { border-radius: .75em; background-color: rgba(10, 175, 255, .175); }
::scrollbar-thumb:hover { border-radius: .75em; background-color: rgba(10, 175, 255, .175); }

::-webkit-scrollbar-track { border: 1px solid rgba(10, 175, 255, .2); border-radius: 0; }
::scrollbar-track { border: 1px solid rgba(10, 175, 255, .2); border-radius: 0; }

/* 定义文本省略 */
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis.line2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ellipsis.line3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ellipsis.line4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ellipsis.line5 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }